<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <title>设备详情</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <script src="/statics/js/custom/lib.js?_V=1"></script>
    <link rel="stylesheet" href="/statics/css/station/detail.css?_v=1">
    <script type="text/javascript" src="/statics/plugins/echarts/echarts.min.js?v=1"></script>
    <style>
        .disflex_style1 {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: 10px;
        }

        .disflex_style2 {
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }

        .feedDay tbody tr td:nth-of-type(5) {
            width: 87px;
        }

        .disp {
            display: flex;
            justify-content: space-between;
        }

        .w140px {
            width: 140px !important;
        }

        .unit {
            color: #6e7079;
            font-size: 12px;
        }

        .week-tan {
            position: fixed;
            z-index: 1070;
            left: 0;
            top: 0;
            background-color: rgba(0, 0, 0, .5);
        }

        .popupDiv {
            line-height: 36px;
            width: 126px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .popupShowDiv {
            padding: 4px 8px;
            font-size: 13px;
            color: white;
            background-color: black;
            position: absolute;
            top: -16px;
            left: 2px;
            min-width: 80px;
            width: max-content;
            text-align: center;
            border-radius: 5px;
            transition: all 0.3s ease;
        }

        .popupShowDiv::before,
        .popupShowDiv::after {
            position: absolute;
            bottom: -11px;
            left: 62px;
            display: block;
            font-size: 0;
            line-height: 0;
            border-color: black transparent transparent;
            border-style: solid;
            border-width: 7px;
            content: "";
        }

        .bubble::after {
            bottom: -19px;
            border-color: black transparent transparent;
        }

        .contr p{
            margin-bottom: 0;
        }

        #tasks tr td:nth-last-child(2){
            max-width: 200px!important;
        }

        #tasks tr td:nth-last-child(2) .help-block{
            width: 190px;
            display: block;
            word-wrap: break-word;
            white-space: normal;
        }
    </style>
</head>

<body ng-app="">
<main class="lyear-layout-web">
    <main class="lyear-layout-container">
        <!--左侧导航-->
        <ng-include src="'/admin/common/sidebar.html'"></ng-include>
        <!--End 左侧导航-->
        <!--头部信息-->
        <ng-include src="'/admin/common/header.html'"></ng-include>
        <!--End 头部信息-->
        <!--页面主要内容-->
        <main class="lyear-layout-content">
            <div class="container-fluid p-t-55">

                <!--更新资料-->
                <div class="modal fade bs-example-modal-lg" id="commonDiv" tabindex="-1" role="dialog"
                     aria-labelledby="myLargeModalLabel" data-backdrop="static">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h6 class="modal-title" id="myModalLabel">更新资料</h6>
                                <div class="float-right">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                            </div>
                            <div class="modal-body">
                                <form action="" id="commonForm">
                                    <input type="hidden" name="lastModifyTime" value="">
                                    <div class="form-group col-md-12 mx_validator workshopId">
                                        <label for="workshopId">所在车间</label><span class="required">* </span>
                                        <input type="hidden" name="id" value="" id="xxid">
                                        <select class="form-control select-init mx_required" mx_required_type="select"
                                                mx_required_msg="请选择所在车间" id="workshopId" name="workshopId"
                                                isDefault="1">
                                        </select>
                                    </div>
                                    <div class="form-group col-md-12 mx_validator typeId">
                                        <label for="typeId">设备类型</label><span class="required">* </span>
                                        <select class="form-control select-init mx_required" mx_required_type="select"
                                                mx_required_msg="请选择设备类型" id="typeId" name="typeId"
                                                isDefault="1">
                                        </select>
                                    </div>
                                    <div class="form-group col-md-12 mx_validator speciesId">
                                        <label for="speciesId">养殖物种</label><span class="required">* </span>
                                        <select class="form-control select-init mx_required" mx_required_type="select"
                                                mx_required_msg="请选择养殖物种" id="speciesId" name="speciesId"
                                                isDefault="1">
                                        </select>
                                    </div>
                                    <div class="form-group col-md-12 mx_validator">
                                        <label for="name">设备名称(养殖池)</label><span class="required">* </span>
                                        <input type="text" class="form-control mx_required mx_custom"
                                               mx_required_msg="设备名称(养殖池)不能为空"
                                               id="name" name="name" value=""
                                               placeholder="请输入设备名称(养殖池)"/>
                                    </div>
                                </form>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                <button type="button" class="btn btn-primary mx_validator_button" id="infoSubmit">保存
                                </button>
                            </div>
                        </div>
                    </div>
                </div>

                <!--温度统计图-->
                <div class="modal fade bs-example-modal-lg" id="tempDiv" tabindex="-1" role="dialog"
                     aria-labelledby="myLargeModalLabel" data-backdrop="static">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h6 class="modal-title">温度折线图（℃）</h6>
                                <div class="float-right">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                            </div>
                            <div class="">
                                <div class="col-md-12" style="padding: 0 20px">
                                    <div class="echarts-box">
                                        <div class="legend" id="colorTips"></div>
                                        <div class="chart">
                                            <div class="chart_noData"><i class="mdi mdi-chart-line m-r-5"></i>暂无数据</div>
                                            <div class="loader chart_loading"></div>
                                            <div class="temp_chart_box">
                                                <div id="temp_chart" style="width: 760px;height:350px;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                            </div>
                        </div>
                    </div>
                </div>

                <!--更新生产-->
                <div class="modal fade bs-example-modal-lg" id="updateDIV" tabindex="-1" role="dialog"
                     aria-labelledby="myLargeModalLabel" data-backdrop="static">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h6 class="modal-title">生产日志更新- <span id="worklog_date"
                                                                            class="text-danger"></span></h6>
                                <div class="float-right">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                            </div>
                            <div class="modal-body">
                                <form id="species_form" class="form">
                                    <input type="hidden" name="lastModifyTime" value="">
                                    <div class="form-group col-md-12 mx_validator">
                                        <label for="speciesId">养殖物种</label><span class="required">
										* </span>
                                        <input type="hidden" name="id" value="">
                                        <select class="form-control select-init mx_required speciesId"
                                                mx_required_type="select" mx_required_msg="请选择养殖物种"
                                                name="speciesId" id="speciesIdTwo" isDefault="1">
                                        </select>
                                    </div>
                                    <div class="col-md-12 form-group mx_validator">
                                        <label>物种规格(g/条)</label>
                                        <input type="text" placeholder="请输入物种规格(g/条)" name="speciesSpec"
                                               class="form-control mx_custom" mx_required_msg="">
                                    </div>
                                    <div class="col-md-12 form-group mx_required">
                                        <label>物种数量</label>
                                        <input type="text" placeholder="请输入物种数量" name="speciesNum"
                                               class="form-control touchSpin mx_custom" mx_required_msg="">
                                    </div>
                                    <div class="col-md-12 form-group mx_required">
                                        <label>销售数量</label>
                                        <input type="text" placeholder="请输入销售数量量" name="sales"
                                               class="form-control touchSpin mx_custom" mx_required_msg="">
                                    </div>
                                    <div class="col-md-12 form-group mx_required">
                                        <label>死亡数量</label>
                                        <input type="text" placeholder="请输入死亡数量" name="death"
                                               class="form-control touchSpin mx_custom" mx_required_msg="">
                                    </div>
                                    <div class="form-group col-md-12 mx_validator m-0">
                                        <label for="name" class="m-0">养殖池信息</label>
                                    </div>
                                    <div class="disflex_style1">
                                        <div style="padding-right: 20px">
                                            <div class="custom-control custom-radio custom-control-inline">
                                                <input type="radio" id="squaresPond" name="pond"
                                                       class="custom-control-input" value="squaresPond"
                                                       onclick="changePond(this.value)">
                                                <label class="custom-control-label" for="squaresPond">方形池子</label>
                                            </div>
                                            <div class="custom-control custom-radio custom-control-inline">
                                                <input type="radio" id="circlesPond" name="pond"
                                                       class="custom-control-input" value="circlesPond"
                                                       onclick="changePond(this.value)">
                                                <label class="custom-control-label" for="circlesPond">圆形池子</label>
                                            </div>
                                            <div class="custom-control custom-radio custom-control-inline">
                                                <input type="radio" id="anisePond" name="pond"
                                                       class="custom-control-input" value="anisePond"
                                                       onclick="changePond(this.value)">
                                                <label class="custom-control-label" for="anisePond">八角池子</label>
                                            </div>
                                        </div>
                                    </div>
                                    <!--                                    长方形-->
                                    <div id="squaresPondShow" style="display: block">
                                        <div class="disflex_style2">
                                            <div class="col-md-8 pr-0">
                                                <div class="col-md-4 mx_validator" style="float:left;">
                                                    <label for="poolLong">长度(<span style="font-size: 12px;color:red;">单位m</span>)</label>
                                                    <span class="required">* </span>
                                                    <input type="text" class="form-control mx_required mx_custom"
                                                           mx_required_msg="养殖池长度不能为空"
                                                           id="poolLong" name="poolLong" value="0"/>
                                                </div>
                                                <div class="col-md-4 mx_validator" style="float:left;">
                                                    <label for="poolWidth">宽度(<span
                                                            style="font-size: 12px;color:red;">单位m</span>)</label>
                                                    <span class="required">* </span>
                                                    <input type="text" class="form-control mx_required mx_custom"
                                                           mx_required_msg="养殖池宽度不能为空"
                                                           id="poolWidth" name="poolWidth" value="0"/>
                                                </div>
                                                <div class="col-md-4 mx_validator" style="float:left;">
                                                    <label for="poolHeight">高度(<span
                                                            style="font-size: 12px;color:red;">单位m</span>)</label>
                                                    <span class="required">* </span>
                                                    <input type="text" class="form-control mx_required mx_custom"
                                                           mx_required_msg="养殖池高度不能为空"
                                                           id="poolHeight" name="poolHeight" value="0"/>
                                                </div>
                                            </div>
                                            <div class="disflex_style2 m-0">
                                                <button type="button" class="btn btn-primary" id="btn_squaresPond"
                                                        style="margin-top: 32px">计算
                                                </button>
                                                <div class="col-md-9 mx_validator" style="float:left;">
                                                    <label for="poolVolume">体积(<span
                                                            style="font-size: 12px;color:red;">单位m³</span>)</label>
                                                    <span class="required">* </span>
                                                    <input type="text" class="form-control mx_required mx_custom"
                                                           mx_required_msg="养殖池体积不能为空"
                                                           id="poolVolume" name="poolVolume" value="0" disabled/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--                                    圆形-->
                                    <div id="circlesPondShow" style="display: none">
                                        <form class="disflex_style2" id="circlesPondForm">
                                            <div class="col-md-6 pr-0">
                                                <div class="col-md-6 mx_validator" style="float:left;">
                                                    <label for="poolLong">半径(<span style="font-size: 12px;color:red;">单位m</span>)</label>
                                                    <span class="required">* </span>
                                                    <input type="text" class="form-control mx_required mx_custom"
                                                           mx_required_msg="养殖池半径不能为空"
                                                           id="poolLong2" name="poolLong" value="0"/>
                                                </div>
                                                <div class="col-md-6 mx_validator" style="float:left;">
                                                    <label for="poolHeight">高度(<span
                                                            style="font-size: 12px;color:red;">单位m</span>)</label>
                                                    <span class="required">* </span>
                                                    <input type="text" class="form-control mx_required mx_custom"
                                                           mx_required_msg="养殖池高度不能为空"
                                                           id="poolHeight2" name="poolHeight" value="0"/>
                                                </div>
                                            </div>
                                            <div class="disflex_style2 m-0">
                                                <button type="button" class="btn btn-primary" id="btn_circlesPond"
                                                        style="margin-top: 32px">计算
                                                </button>
                                                <div class="col-md-9 mx_validator" style="float:left;">
                                                    <label for="poolVolume">体积(<span
                                                            style="font-size: 12px;color:red;">单位m³</span>)</label>
                                                    <span class="required">* </span>
                                                    <input type="text" class="form-control mx_required mx_custom"
                                                           mx_required_msg="养殖池体积不能为空"
                                                           id="poolVolume2" name="poolVolume" value="0" disabled/>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                    <!--                                    八角 -->
                                    <div id="anisePondShow" style="display: none">
                                        <div class="disflex_style2">
                                            <div class="col-md-8 pr-0">
                                                <div class="col-md-4 mx_validator" style="float:left;">
                                                    <label for="poolLong">边长(<span style="font-size: 12px;color:red;">单位m</span>)</label>
                                                    <span class="required">* </span>
                                                    <input type="text" class="form-control mx_required mx_custom"
                                                           mx_required_msg="养殖池边长不能为空"
                                                           id="poolLong3" name="poolLong" value="0"/>
                                                </div>
                                                <div class="col-md-4 mx_validator" style="float:left;">
                                                    <label for="poolWidth">半径(<span
                                                            style="font-size: 12px;color:red;">单位m</span>)</label>
                                                    <span class="required">* </span>
                                                    <input type="text" class="form-control mx_required mx_custom"
                                                           mx_required_msg="养殖池半径不能为空"
                                                           id="poolWidth3" name="poolWidth" value="0"/>
                                                </div>
                                                <div class="col-md-4 mx_validator" style="float:left;">
                                                    <label for="poolHeight">高度(<span
                                                            style="font-size: 12px;color:red;">单位m</span>)</label>
                                                    <span class="required">* </span>
                                                    <input type="text" class="form-control mx_required mx_custom"
                                                           mx_required_msg="养殖池高度不能为空"
                                                           id="poolHeight3" name="poolHeight" value="0"/>
                                                </div>
                                            </div>
                                            <div class="disflex_style2 m-0">
                                                <button type="button" class="btn btn-primary" id="btn_anisePond"
                                                        style="margin-top: 32px">计算
                                                </button>
                                                <div class="col-md-9 mx_validator" style="float:left;">
                                                    <label for="poolVolume">体积(<span
                                                            style="font-size: 12px;color:red;">单位m³</span>)</label>
                                                    <span class="required">* </span>
                                                    <input type="text" class="form-control mx_required mx_custom"
                                                           mx_required_msg="养殖池体积不能为空"
                                                           id="poolVolume3" name="poolVolume" value="0" disabled/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                <button type="button" class="btn btn-primary mx_validator_button" id="updateShengchan">
                                    保存
                                </button>
                                <input type="hidden" id="updateDataId">
                            </div>
                        </div>
                    </div>
                </div>

                <!--设置任务-->
                <div class="modal fade bs-example-modal-lg" id="settaskDIV" tabindex="-1" role="dialog"
                     aria-labelledby="myLargeModalLabel" data-backdrop="static">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <div class="modal-title p-l-10">设置投喂任务</div>
                                <div class="float-right">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                            </div>
                            <div class="modal-body">
                                <form id="task_form" class="form-horizontal">
                                    <input type="hidden" name="lastModifyTime" value="">
                                    <div class="form-group col-md-12 mx_validator">
                                        <label for="speciesId">投喂标定</label><span class="required">
										* </span>
                                        <input type="hidden" name="id" value="">
                                        <select class="form-control select-init mx_required" mx_required_type="select"
                                                mx_required_msg="请选择投喂标定" name="calibrationId" id="calibrationId"
                                                isDefault="1">
                                        </select>
                                    </div>
                                    <div class="col-md-12">
                                        <div id="hint_taskset" class="alert alert-info">
                                            <div style="float: left;width: 100%;">
                                                以下任务序列时间范围是01:00~23:00，根据星期重复
                                            </div>
                                            <div class="text-danger"><b>23:00~01:00间，系统进行维护，无法执行任务</b>
                                            </div>
                                            <div class="text-danger">
                                                <b>随意更换标定，可能会影响已执行的任务记录，不建议更改</b></div>
                                        </div>
                                        <button class="btn btn-primary btn-sm m-r-sm m-b-15" id="btn-add-task"><i
                                                class="fa fa-plus m-r-xs"></i>新增任务
                                        </button>
                                        <div class="table-responsive" style="max-height: 500px">
                                            <table class="table table-stripped table-bordered addtask">
                                                <thead>
                                                <tr style="background-color: #F5F5F6;text-align: center;">
                                                    <th width="150px">星期-天</th>
                                                    <th>时钟-时</th>
                                                    <th>时钟-分</th>
                                                    <th>投喂模式</th>
                                                    <th width="140px">投喂量(g)</th>
                                                    <th width='70px'>操作</th>
                                                </tr>
                                                </thead>
                                                <tbody id="tasks">

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                <button type="button" class="btn btn-primary mx_validator_button" id="btn_upd_task">保存
                                </button>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="modal fade week-tan" id="weekChooseDiv" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h6 class="modal-title" id="exampleModalCenterTitle">星期-天</h6>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body d-flex flex-wrap" id="weekChooseList">

                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                                <button type="button" class="btn btn-primary" id="weekSave">保存</button>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body pt-0">
                                <header class="card-header pr-0 pl-0">
                                    <div class="card-title">设备详情</div>
                                    <a class="btn btn-primary toCmd" target="_blank" id="">
                                        <i class="fa fa-podcast p-r-10"></i>通讯</a>
                                </header>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body pt-0">
                                <header class="card-header pr-0 pl-0">
                                    <div class="header-1">
                                        <i class="fa fa-id-card fs-16"></i>
                                        <div class="card-title p-l-10 fs-16 font-weight-bold" id="statoninfo"></div>
                                    </div>
                                    <div class="ibox-tool">
                                        <button class="btn btn-primary0 btn-xs btn_dif_function" id="openZiliao"
                                                data-toggle="modal"
                                                data-target="#commonDiv">
                                            <i class="fa fa-edit"></i>更新资料
                                        </button>
                                    </div>
                                </header>
                                <div class="list-group-all" style="height: 310px;margin-top: 10px;" id="baseinfo">
                                    <ul class="list-group">
                                        <li href="#!" class="border-top first-border">
                                            <span class="f-r" id="workshopName"></span>
                                            <b>所在车间</b>
                                        </li>
                                        <li href="#!" class="border-top">
                                            <span class="f-r mx_html" name="typeName"> </span>
                                            <b>设备类型</b>
                                        </li>
                                        <li href="#!" class="border-top">
                                            <span class="f-r times mx_html" name="lastResponseTime"></span>
                                            <b>最后通讯</b>
                                        </li>
                                        <li href="#!" class="border-top d-flex justify-content-between">
                                            <div>
                                                <b class="m-r-10">网络状态</b>
                                                <span class="f-r m-l-10" id="status"></span>
                                            </div>
                                            <div>
                                                <b class="m-r-10">运行状态</b>
                                                <span class="f-r label m-l-10" id="runStates"></span>
                                            </div>
                                        </li>
                                        <li href="#!" class="border-top">
                                            <b>工作模式</b>
                                            <span class="f-r label" id="mode"></span>
                                        </li>
                                        <li href="#!" class="border-top">
                                            <b>饲料报警</b>
                                            <span class="f-r label" id="bait_warning"></span>
                                        </li>
                                        <div id="tempValueStyle">
                                            <li href="#!" class="border-top d-flex justify-content-between pt-1 pb-0">
                                                <div class="tempBtn d-flex justify-content-center align-items-center">
                                                    <div class="tempBtnItem">
                                                        <a class="btn-gray-color" id="airTemp">室温</a>
                                                        <a class="btn-gray-color" id="waterTemp">水温</a>
                                                    </div>
                                                </div>
                                                <div class="tempValue">
                                                    <div id="yincang"><span id="waterTempValue"></span>℃</div>
                                                    <div id="yincang1"><span id="airTempValue"></span>℃</div>
                                                </div>
                                            </li>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body pt-0">
                                <header class="card-header pr-0 pl-0">
                                    <div class="header-1">
                                        <i class="fa fa-cubes fs-16"></i>
                                        <div class="card-title p-l-10 fs-16 font-weight-bold">养殖池详情</div>
                                    </div>
                                    <div class="ibox-tool">
                                        <button class="btn btn-success0 btn-xs btn_dif_function" id="openShengchan"
                                                data-toggle="modal"
                                                data-target="#updateDIV">
                                            <i class="fa fa-file-text-o"></i>更新生产
                                        </button>
                                    </div>
                                </header>
                                <div class="list-group-all" style="height:310px;margin-top: 10px;">
                                    <ul class="list-group" id="poolinfo">
                                        <li href="#!" class="border-top first-border">
                                            <span class="f-r">
                                                <span class="m-l-sm" title="养殖池规格" id="pool"></span>
                                                <span class="m-l-sm label p-1" title="养殖池水体" id="poolv"></span>
                                            </span>
                                            <b>养殖池规格</b>
                                        </li>
                                        <li href="#!" class="border-top">
                                            <span class="f-r mx_html" name="speciesName"></span>
                                            <b>养殖物种</b>
                                        </li>
                                        <li href="#!" class="border-top">
                                            <span class="f-r em-style mx_html" id="guge"></span>
                                            <b>物种概况</b>
                                        </li>
                                        <li href="#!" class="border-top">
                                            <span class="f-r em-style mx_html" id="plan"></span>
                                            <b>计划投喂</b>
                                        </li>
                                        <li href="#!" class="border-top">
                                            <span class="f-r em-style mx_html" id="feed"></span>
                                            <b>实际投喂</b>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-body pt-0">
                                <header class="card-header pr-0 pl-0">
                                    <div class="header-1">
                                        <i class="fa fa-exchange fs-16"></i>
                                        <div class="card-title p-l-10 fs-16 font-weight-bold">投喂任务</div>
                                    </div>
                                    <div class="ibox-tool">
                                        <button class="btn btn-danger btn-xs btn_dif_function" data-toggle="modal"
                                                data-target="#settaskDIV" id="toSetTask" style="display: none">
                                            <i class="fa fa-clock-o"></i>设置任务
                                        </button>
                                        <button class="btn btn-danger btn-xs btn_dif_function" id="tooSetTask">
                                            <i class="fa fa-clock-o"></i>设置任务
                                        </button>
                                    </div>
                                </header>
                                <div class="list-group-all table-responsive" style="height: 310px;margin-top: 10px;">
                                    <ul class="list-group">
                                        <li href="#!" class="border-bottom">
                                            <span class="f-r" id="baitName"></span>
                                            <b>投喂标定</b>
                                        </li>
                                        <li href="#!" class="border-bottom">
                                            <b>任务的24小时分布</b>
                                        </li>
                                        <li href="#!" class="border-bottom disp" id="taskTime">
                                            <span class="label2 dnum00">0</span>
                                            <span class="label2 dnum01">1</span>
                                            <span class="label2 dnum02">2</span>
                                            <span class="label2 dnum03">3</span>
                                            <span class="label2 dnum04">4</span>
                                            <span class="label2 dnum05">5</span>
                                            <span class="label2 dnum06">6</span>
                                            <span class="label2 dnum07">7</span>
                                            <span class="label2 dnum08">8</span>
                                            <span class="label2 dnum09">9</span>
                                            <span class="label2 dnum10">10</span>
                                            <span class="label2 dnum11">11</span>
                                            <span class="label2 dnum12">12</span>
                                            <span class="label2 dnum13">13</span>
                                            <span class="label2 dnum14">14</span>
                                            <span class="label2 dnum15">15</span>
                                            <span class="label2 dnum16">16</span>
                                            <span class="label2 dnum17">17</span>
                                            <span class="label2 dnum18">18</span>
                                            <span class="label2 dnum19">19</span>
                                            <span class="label2 dnum20">20</span>
                                            <span class="label2 dnum21">21</span>
                                            <span class="label2 dnum22">22</span>
                                            <span class="label2 dnum23">23</span>
                                        </li>
                                    </ul>
                                    <table class="table table-hover feedtask table-bordered">
                                        <thead class="">
                                        <tr>
                                            <th style="text-align: center; vertical-align: middle; " data-field="name">
                                                <div class="th-inner">任务名称</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; vertical-align: middle;width: 260px;"
                                                data-field="week">
                                                <div class="th-inner">星期-天</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; vertical-align: middle; " data-field="time">
                                                <div class="th-inner">时间</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; vertical-align: middle; " data-field="type">
                                                <div class="th-inner">投喂模式</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; vertical-align: middle; "
                                                data-field="feedweight">
                                                <div class="th-inner">投喂量(g)</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                        </tr>
                                        </thead>
                                        <tbody id="taskList">

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body pt-0">
                                <header class="card-header pr-0 pl-0">
                                    <div class="header-1">
                                        <i class="fa fa-unlock-alt fs-16"></i>
                                        <div class="card-title p-l-10 fs-16 font-weight-bold" id="stationStatus"></div>
                                    </div>
                                </header>
                                <div class="list-group-all" style="height: 310px;margin-top: 10px;">
                                    <ul class="list-group" id="statusinfo">
                                        <li href="#!" class="border-top first-border">
                                            <span class="f-r mx_html" name="name"></span>
                                            <b>养殖池</b>
                                        </li>
                                        <li href="#!" class="border-top">
                                            <span id="statusinfomode" class="f-r label"></span>
                                            <b>当前模式</b>
                                        </li>
                                        <li href="#!" class="border-top">
                                            <b>变更模式</b>
                                            <div class="f-r m-t-10">
                                                <div class="pull-left m-r-lg">
                                                    <p class="m-b-none">
                                                        <button data-action="altmode" data-mode="2"
                                                                class="btn btn-debug dim btn-large-dim tiaoshi"
                                                                type="button"
                                                                title="调整设备运行在调试模式">
                                                            <i class="fa fa-wrench"></i>
                                                        </button>
                                                    </p>
                                                    <p class="m-b-none text-center" id="tiaoshi">调试模式</p>
                                                    <span id="tiaoshispan"></span>
                                                </div>
                                                <div class="pull-left m-r-lg">
                                                    <p class="m-b-none">
                                                        <button data-action="altmode" data-mode="1"
                                                                class="btn btn-primary0 dim btn-large-dim zidong"
                                                                type="button"
                                                                title="调整设备运行在自动模式">
                                                            <i class="fa fa-server"></i>
                                                        </button>
                                                    </p>
                                                    <p class="m-b-none text-center" id="zidong">自动模式</p>
                                                    <span id="zidongspan"></span>
                                                </div>
                                                <div class="pull-left">
                                                    <p class="m-b-none">
                                                        <button data-action="altmode" data-mode="0"
                                                                class="btn btn-danger dim btn-large-dim shoudong"
                                                                type="button"
                                                                title="调整设备运行在手动模式">
                                                            <i class="fa fa-hand-paper-o"></i>
                                                        </button>
                                                    </p>
                                                    <p class="m-b-none text-center" id="shoudong">手动模式</p>
                                                    <span id="shoudongspan"></span>

                                                </div>
                                            </div>

                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body pb-0 pt-0">
                                <header class="card-header pr-0 pl-0">
                                    <div class="header-1">
                                        <i class="fa fa-telegram fs-16"></i>
                                        <div class="card-title p-l-10 fs-16 font-weight-bold">自由投喂</div>
                                    </div>
                                </header>
                                <div class="list-group-all" id="replenishForm" style="height: 344px;">
                                    <ul class="list-group">
                                        <li href="#!"
                                            class="border-top first-border d-flex justify-content-between align-items-center">
                                            <b>指定速度</b>
                                            <span class="float-right w140px">
                                            <input type="hidden" id="freespeed2" value="0">
                                            <select id="freespeed" class="form-control text-right">
                                                <option value="normal">低速模式</option>
                                                <option value="high">高速模式</option>
                                            </select>
                                        </span>
                                        </li>
                                        <li href="#!"
                                            class="border-top d-flex justify-content-between align-items-center mx_validator">
                                            <b>指定时长(s)</b>
                                            <span class="float-right w140px">
                                            <input type="text" id="freesecs" nsecs="0" hsecs="0" name="time"
                                                   class="form-control text-right mx_required mx_custom" value="100"
                                                   mx_required_msg="指定时长不能为空">
                                        </span>
                                        </li>
                                        <li href="#!"
                                            class="border-top  d-flex justify-content-between align-items-center">
                                            <b>投喂重量(g)</b>
                                            <span class="float-right w140px">
                                            <input type="text" id="freeweight" class="form-control text-right"
                                                   value="" disabled>
                                        </span>
                                        </li>
                                        <li href="#!" class="border-top">
                                            <b>执行动作</b>
                                            <span class="f-r">
                                            <div class="pull-left">
                                        <p class="m-b-none">
                                            <button class="btn btn-primary0 dim btn-large-dim" id="chufatouwei"
                                                    type="button">
                                                <i class="fa fa-telegram"></i>
                                            </button>
                                        </p>
                                        <p class="m-b-none text-center">触发投喂</p>
                                    </div>
                                        </span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-body pt-0">
                                <header class="card-header pr-0 pl-0">
                                    <div class="header-1">
                                        <i class="fa fa-list fs-16"></i>
                                        <div class="card-title p-l-10 fs-16 font-weight-bold">日投喂操作&nbsp;<span
                                                id="feedTime"></span>
                                        </div>
                                    </div>
                                    <div class="ibox-tools">
                                <span style="cursor:pointer;background:#1ab394;color:#fff;padding:5px 15px;border-radius: 0.15rem;font-size: 12px;"
                                      title="执行投喂">执行投喂</span>
                                        <span style="cursor:pointer;background:#ED5565;color:#fff;padding:5px 15px;border-radius: 0.15rem;font-size: 12px;"
                                              title="定时补投">定时补投</span>
                                        <span style="cursor:pointer;background:#663399;color:#fff;padding:5px 15px;border-radius: 0.15rem;font-size: 12px;"
                                              title="定量补投">定量补投</span>
                                    </div>
                                </header>
                                <div class="clearfix" style="display: none">
                                    <form class="form-inline form-space-b feedDaySearchForm" method="post">
                                        <div class="mx_search">
                                            <div class="form-group">
                                                <input class="form-control" autocomplete="off" type="text"
                                                       id="feedDayTime"
                                                       name="time">
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="table-responsive" style="height: 310px;margin-top: 10px;">
                                    <table class="feedDay"></table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-body pt-0">
                                <header class="card-header pr-0 pl-0">
                                    <div class="header-1">
                                        <i class="fa fa-bar-chart fs-16"></i>
                                        <div class="card-title p-l-10 fs-16 font-weight-bold">30日投喂量趋势<span
                                                class="unit">（单位/g）</span>
                                        </div>
                                    </div>
                                </header>
                                <div class="clearfix p-b-10">
                                    <form class="form-inline form-space-b" method="post">
                                        <div class="mx_search p-t-10">
                                            <div class="form-group m-r-10">
                                                <input class="form-control width150 js-datetimepicker dates"
                                                       autocomplete="off"
                                                       data-date-format="yyyy-mm" type="text" id="30Time"
                                                       dateType="month" name="startTime" placeholder="选择月份">
                                            </div>
                                            <div class="d-flex justify-content-between">
                                                <a class="btn btn-primary m-r-10" id="30TimeSearch"><i
                                                        class="mdi mdi-magnify"></i> 搜索</a>
                                                <button class="btn btn-secondary" id="30TimeReset"><i
                                                        class="mdi mdi-delete"></i> 重置查询
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div id="feed_chart" style="width: 100%;height:380px;margin-top: -20px;"></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-body pt-0">
                                <header class="card-header pr-0 pl-0">
                                    <div class="header-1">
                                        <i class="fa fa-list fs-16"></i>
                                        <div class="card-title p-l-10 fs-16 font-weight-bold">月生产日志
                                        </div>
                                    </div>
                                </header>
                                <div class="clearfix p-b-10">
                                    <form class="form-inline form-space-b" id="searchForm" method="post">
                                        <div class="mx_search p-t-10">
                                            <div class="form-group m-r-10">
                                                <input class="form-control width150 js-datetimepicker dates"
                                                       autocomplete="off"
                                                       data-date-format="yyyy-mm-dd" type="text" id="startTime"
                                                       dateType="day" name="startTime" placeholder="开始时间">
                                                <span class="input-group-addon"
                                                      style="text-align: center;width: 30px;border: 0;"><i
                                                        class="mdi mdi-chevron-right"></i></span>
                                                <input class="form-control width150 js-datetimepicker dates"
                                                       autocomplete="off"
                                                       data-date-format="yyyy-mm-dd" type="text" id="endTime"
                                                       dateType="day" name="endTime" placeholder="结束时间">
                                            </div>
                                            <div class="d-flex justify-content-between">
                                                <a class="btn btn-primary m-r-10" id="searchButton"><i
                                                        class="mdi mdi-magnify"></i> 搜索</a>
                                                <button class="btn btn-secondary m-r-10" id="resetButton"><i
                                                        class="mdi mdi-delete"></i> 重置查询
                                                </button>
                                                <button class="btn btn-primary m-r-10" id="daochu"
                                                        onclick="export_excel()">
                                                    <i class="mdi mdi-export"></i> 导出
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="table-responsive">
                                    <table class="monthProducts"></table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-body pt-0">
                                <header class="card-header pr-0 pl-0">
                                    <div class="header-1">
                                        <i class="fa fa-unlock-alt fs-16"></i>
                                        <div class="card-title p-l-10 fs-16 font-weight-bold">历史控制日志</div>
                                    </div>
                                </header>
                                <div class="clearfix p-b-10">
                                    <form class="form-inline form-space-b contrSearchForm" method="post">
                                        <div class="mx_search p-t-10">
                                            <div class="form-group m-r-10">
                                                <select class="form-control form-control-select" id="type" name="type">
                                                    <option value="">控制类型</option>
                                                    <option value="0">页面控制</option>
                                                    <option value="1">设备控制</option>
                                                </select>
                                            </div>
                                            <div class="form-group m-r-10">
                                                <select class="form-control form-control-select" id="operate"
                                                        name="operate">
                                                    <option value="">操作类型</option>
                                                    <option value="feed">自由投喂</option>
                                                    <option value="calibration">校准标定</option>
                                                    <option value="task">设置任务</option>
                                                    <option value="mode">切换模式</option>
                                                    <option value="firmware">固件更新</option>
                                                    <option value="reset">设备重启</option>
                                                    <option value="status">读取状态</option>
                                                    <option value="recon">对账召回</option>
                                                    <option value="ration">定量补料</option>
                                                    <option value="timing">持续补料</option>
                                                    <option value="stop">停止上行</option>
                                                    <option value="upgradeStart">固件更新</option>
                                                </select>
                                            </div>
                                            <div class="form-group m-r-10">
                                                <input class="form-control width150 js-datetimepicker dates" autocomplete="off"
                                                       data-date-format="yyyy-mm-dd hh:ii" type="text"
                                                       dateType="minute" name="startTime" placeholder="开始时间">
                                                <span class="input-group-addon" style="text-align: center;width: 30px;border: 0;">
                                                    <i class="mdi mdi-chevron-right"></i></span>
                                                <input class="form-control width150 js-datetimepicker dates" autocomplete="off"
                                                       data-date-format="yyyy-mm-dd hh:ii" type="text"
                                                       dateType="minute" name="endTime" placeholder="结束时间">
                                            </div>
                                            <div class="d-flex justify-content-between">
                                                <a class="btn btn-primary m-r-10 contrSearchButton"><i
                                                        class="mdi mdi-magnify"></i> 搜索</a>
                                                <button class="btn btn-secondary m-r-10 contrRestButton"><i
                                                        class="mdi mdi-delete"></i> 重置查询
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="table-responsive" style="min-height: 260px">
                                    <table class="table table-hover contr " searchButtonClass=".contrSearchButton"
                                           resetButtonClass=".contrRestButton" searchFormClass=".contrSearchForm">
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>
    </main>
</main>
<!--End 页面主要内容-->

<script type="text/javascript" src="/statics/js/apis/station/station.js?"></script>
<script type="text/javascript" src="/statics/js/apis/station/station_control_record.js?"></script>
<script type="text/javascript" src="/statics/js/apis/station/station_produce_record.js?"></script>
<script type="text/javascript" src="/statics/js/custom/table.js?_v=1.1"></script>
<script type="text/javascript" src="/statics/js/custom/select.js?_v=1"></script>
<script type="text/javascript" src="/statics/js/system/jquery.table2excel.js?_v=1"></script>
<script type="text/javascript" src="/statics/js/library/station/sort_array.js"></script>
<script type="text/javascript" src="/statics/js/library/station/week_select.js"></script>
<script type="text/javascript" src="/statics/js/library/station/detail_ws.js"></script>
<script type="text/javascript" src="/statics/js/library/station/detail_temp.js"></script>
<script type="text/javascript" src="/statics/js/library/station/detail.js"></script>
</body>
</html>
